Top 14 Inspirational And Helpful Picture Slideshow HTML Roundup

1. iPresenter

featured image

Multiple instances allowed in a single HTML page.Auto slideshow with optional pause on hover.Extended HTML documentation.

More Details

2. WOW Slider

WOW Slider

The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. Image slider is a very effective method to increase the web site usability and engage the user.

WOW Slider is a responsive jQuery image slider with amazing visual effects and tons of professionally made templates. NO Coding - WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. Wordpress slider plugin and Joomla slider module are available.

Also, you can share your slider on Facebook.

More Details

3. jQuery Shining Image

featured image

More Details

4. HTML5 Canvas Cover Flow

featured image

HTML code:

the buttons, scrollbar slideshow preloader positions can be set to be anywhere.set slideshow transition time (when set to autoplay).

More Details

5. GalleryGen - Image Gallery HTML Code Generator

featured image

names, and then put them in a standard HTML layout, and also include captions and titles for the images. It generates HTML code for image galleries, that include Lightbox

Two gallery options – Lightbox and Slideshow. Slideshow – Options to enter a wrapper of your choice for the slideshow, wrappers for each image, and custom HTML code before/after each image. generator outputs valid HTML code.

More Details

6. CCSlider - jQuery 3d Slideshow Plugin

featured image

CCSlider is an unique jQuery slideshow plugin. plugin also supports HTML captions, autoplay of slides, custom HTML content and custom transitions per slide. Supports HTML captions. Supports custom HTML content for each slide. Helpful API functions are provided, such as next(), prev(), start(), stop(), goToSlide() and destroy(), which allow for programmatic manipulation of the slideshow. Added support for custom HTML content per slide, which users can style animate anyway they want. Added option to start slideshow at any slide.

More Details

7. HTML5 Video Gallery with Live Playlist

featured image

Completely responsive layouts, all with different capabilities, optional playlist loaded HTML markup, XML or automatically loaded FOLDER video files, and more!

Load playlist HTML markup, XML or automatically read FOLDER videos ( new! ).JQuery AutoSlide Image Gallery Slideshow with Music

JQuery Stack Banner Slideshow with Captions

More Details

8. HTML5 Canvas Carousel

featured image

HTML code:

the buttons, scrollbar slideshow preloader positions can be set to be anywhere.set slideshow transition time (when set to autoplay).

More Details

9. HTML5 Audio Player with Playlist

featured image

cleaned html pages, settings and other javascript code moved into separate files

HTML markup

Load any type playlist through xml html markup

Load playlist (from folder, from html, from xml, Podcast, SoundCloud)

JQuery AutoSlide Image Gallery Slideshow with Music

JQuery Stack Banner Slideshow with Captions

More Details

10. HTML5 Photo Gallery - Resizable Album Grid XML

featured image

The jQuery gallery photo – Resizable Album Grid XML size flexible or fluid, it will adapt it’s size (width and height) based on the parent container (div or some other html tag) and every piece of gallery will align and position accordingly, this basically mean that it can be used in any kind of website, it dose not matter if you need a small or large gallery, all you have to do is to add gallery in a place which you have chosen in your website and gallery will adapt. - Keyboard support you can navigate between the large images with the right and left key and start or stop slideshow with the space key.

More Details

11. Easy 360° Product Viewer

featured image

Slideshow button play or pause automatic rotation of the object. Info window button showing a detailed custom made window which supports unlimited html content. Customizable slideshow rotation speed. Examples files for each skin display type included, this way html can be copy and pasted into your html page!.

More Details

12. HTML5 Slideshow Gallery Thumbnails XML

featured image

What is simple HTML5 slideshow Gallery Thumbnails XML?

The HTML5 slideshow Gallery Thumbnails XML size flexible or fluid, it will adapt it’s size (width and height) based on the parent container (div or some other html tag) and every piece of gallery will align and position accordingly, this basically mean that it can be used in any kind of website, it dose not matter if you need a small or large gallery, all you have to do is to add gallery in a place which you have chosen in your website and gallery will adapt. The HTML5 slideshow code Gallery Thumbnails XML comes in with 3 different embed styles: Fixed Dimensions, Full Width and Full Screen. This HTML5 slideshow template Gallery Thumbnails XML plugin can be embedded WordPress and you will receive, along with download files, the complete instructions in the help file. Keyboard support you can navigate between the large images or thumbs with the right and left key for the large images and up and down key for the thumbs and start or stop slideshow with the space key.

More Details

13. HTML5 Flow Responsive Slider

featured image

HTML5 Flow Responsive Slider has a flexible / fluid / responsive layout, it will adapt it’s size (width and height) based on the parent container (div or some other html tag) and every piece of the gallery will align position accordingly, this basically mean that it can be used in any kind of website, it dose not matter if you need a small or large gallery, all you have to do is add gallery in a place which you have chosen in your website and gallery will adapt. HTML5 Flow Responsive Slider comes in with four different embed styles: Fixed Dimensions, Full Width, Full Screen and Flexible Style, please not that the flexible style will make slider adapt width height based on html element into which embedded so example if you want to add slider in div and div has a 100% height slider will adapt based on that, this is a unique and amazing feature. Slideshow preloader bar, the color opacity for thbar can be modified. Keyboard support you can navigate between images with the right and left keys and start or stop slideshow with the space key.

More Details

14. Draggable Infinite Grid with Lightbox

featured image

Basically grid is added into HTML page into div of your choice and it adapts based of that div’s width and height. Pure OOP JavaScript code, no usage jQuery or other libraries, in this way there will be no incompatibilities HTML pages that might be using jQuery or other JavaScript libraries. Slideshow button (optional). Slideshow delay, delay of slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

15. HTML5 Random Gallery Slideshow

featured image

HTML5 Random Gallery Slideshow size flexible or fluid, it will adapt it’s size (width and height) based on the parent container (div or some other html tag) and every piece of gallery will align and position accordingly, this basically mean that it can be used in any kind of website, it dose not matter if you need a small or large gallery, all you have to do is to add gallery in a place which you have chosen in your website and gallery will adapt. HTML5 Random Gallery Slideshow comes in with 3 different embed styles: Fixed Dimensions, Full Width and Full Screen. ThHTML5 Random Gallery Slideshow plugin can be embedded WordPress and you will receive, along with download files, the complete instructions in the help file. Keyboard support you can navigate between the large images or thumbs with the right and left key for the large images and up and down key for the thumbs and start or stop slideshow with the space key.

More Details